<template>
  <div class="retained_analysis_config card_table">
    <header class="flex_btw">
      <span class="o">配置面板</span>
      <span class="t">
        <span class="tool_top">
          <i class="el-icon-refresh"></i>重置
        </span>
        <span class="tool_top">
          <i class="el-icon-search"></i>查询
        </span>
      </span>
    </header>
    <section>

      <!-- <dropdownTrigger :overallScreeningData="overallScreeningData"></dropdownTrigger> -->



      <div class="total_screen flex_sta">
        <i class="el-icon-plus"></i>
        添加指标
      </div>
      <div class="total_screen flex_sta">
        <i class="el-icon-plus"></i>
        用户筛选
      </div>
    </section>
    <footer class="no_copy flex_cen">
      <span v-if="switch_bool">
        收起
        <i class="el-icon-arrow-up"></i>
      </span>
      <span v-else>
        展开
        <i class="el-icon-arrow-down"></i>
      </span>
    </footer>
  </div>
</template>

<script>
// 引入下拉触发器
// import dropdownTrigger from '@/components/dropdownTrigger/index.vue'
// 引入模拟数据
import overallScreeningData from './date.js'
export default {
  name: "retained_analysis_config",
  props: {
    config: {
      type: Object,
      default: () => {
        return {};
      }
    }
  },
  // components: {dropdownTrigger},
  data() {
    return {
      overallScreeningData:[]
    };
  },
  methods: {},
  mounted() {
    this.overallScreeningData = overallScreeningData
  },
  computed: {}
};
</script>

<style scoped lang="scss">
* {
  box-sizing: border-box;
}
::v-deep .show_hidden {
  visibility: hidden;
  position: relative;
  width: 0rem;
  z-index: 10;
}
.retained_analysis_config::-webkit-scrollbar {
  display: none;
}
.retained_analysis_config {
  header {
    width: 100%;
    height: 0.5rem;
    margin: 0 auto;
    cursor: pointer;
    .t {
      .tool_top {
        font-size: 0.22rem;
        font-weight: 400;
        margin: 0 0.1rem;
        i {
          margin: 0 0.1rem;
        }
      }
      .tool_top:hover {
        color: #01b27a;
        font-weight: 500;
      }
    }
  }
  footer {
    cursor: pointer;
    width: 100%;
    height: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.1rem;
    border-top: 1px solid #ebeef5;
    color: #303133;
    box-sizing: border-box;
    span {
      i {
        margin: 0 0.1rem;
      }
    }
  }
  footer:hover {
    color: #307ef2;
    font-weight: 500;
  }
  section {
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    // 全局筛选
    .total_screen {
       border-top: 1px solid #ebeef5;
      width: 100%;
      margin: 0.1rem auto;
      height: 0.4rem;
      color: #307ef2;
      i {
        font-weight: 800;
        margin: 0 0.1rem;
      }
    }
  }
}
</style>
